<template>
<!-- 封装登录框
登录框只需要做一个文本赋值和点击事件 -->
      <div class="btnSubmit"
      @click="handerbtn">
           {{btntext}}
        </div>
</template>

<script>
export default {
    //// props是单项数据绑定，运用父组件来改变子组件的值，这里相当于要从父组件传的元素
    props:[
        'btntext'
    ],
    //因为这里点击只是这里的子组件的按钮，是点不到父组件的，所以需要利用$emit的方法来实现子传父的操作
    methods:{
        handerbtn(){
            //这里只能log出子组件的点击事件，
            console.log('子组件被点击啦');
            // 这里需要做的是利用$emit来进行子传父的传值
            this.$emit('clicked')
        }
    }
}
</script>

<style lang='less' scoped>
.btnSubmit {
    // padding-top: 26/360*100vw;  
        width: 100%;
        height: 48/360*100vw;
        line-height: 48/360*100vw;
        font-size: 18px;
        background: #cc3300;
        text-align: center;
        color: white;
        border: none;
        outline: none;
        border-radius: 36/360*100vw;  
}

</style>